<!DOCTYPE html>
<html lang="en">
<head>
	<title>Home</title>
	<meta charset="utf-8">
	<meta name = "format-detection" content = "telephone=no">
	<link rel="icon" href="http://livedemo00.template-help.com/wt_49382/images/favicon.ico" type="image/x-icon">
	
	<link href='//fonts.googleapis.com/css?family=Ubuntu:400,400italic,700' rel='stylesheet' type='text/css'>
	
	<link rel="stylesheet" href="css/camera.css">
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" href="css/owl.theme.css">
	
	<link rel="stylesheet" href="css/style.css">
	
	
	
	<script src="js/jquery.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/jquery-migrate-1.1.1.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/jquery.easing.1.3.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/superfish.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/jquery.mobilemenu.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/camera.js"></script>
	<script src="http://livedemo00.template-help.com/wt_49382/js/jquery.ui.totop.js"></script>
	
	<script src="http://livedemo00.template-help.com/wt_49382/js/owl.carousel.js"></script>
	
	<script src="http://livedemo00.template-help.com/wt_49382/js/script.js"></script>
	<script>
		$(document).ready(function(){
			$('#slider').camera({
				height: '44%',
				loader: true,
				minHeight: '200px',
				navigation: false,
				navigationHover: false,
				pagination:false,
				playPause: false,
				thumbnails: false,
				fx: 'simpleFade'
			});
		});
		
		
		$(document).ready(function() {
			$("#owl").owlCarousel({
				navigation : true, // Show next and prev buttons
				slideSpeed : 300,
				paginationSpeed : 400,
				singleItem:true,
				pagination: true,
				navigation: false

				// "singleItem:true" is a shortcut for:
				// items : 1, 
				// itemsDesktop : false,
				// itemsDesktopSmall : false,
				// itemsTablet: false,
				// itemsMobile : false
			});
		});
		
		
		
	</script>
	<!--[if (gt IE 9)|!(IE)]><!-->
		<script src="js/jquery.mobile.customized.min.js"></script>
	<!--<![endif]-->
	<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.">
			</a>
		</div>
	<![endif]-->
	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<link rel="stylesheet" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>
	<!--======================== header ============================-->
	<header>
		<div class="top_box">
			<div class="container">
				<div class="row">
					<div class="grid_12">
						
						<ul class="head_contact_list">
							<li class="icon1">
								Jr. José Carlos Mariátegui 236, Santa Anita, Lima
							</li>
							
							<li class="icon2">
								<a href="#">info@bemainick.com</a>
							</li>
							
							<li class="icon3">
								+51 968 455 165
							</li>
						</ul>
					
					
						<ul class="social">
							<li><a href="#"><span class="fa-facebook"></span></a></li>
							<li><a href="#"><span class="fa-google-plus"></span></a></li>
							<li><a href="#"><span class="fa-rss"></span></a></li>
							<li><a href="#"><span class="fa-pinterest"></span></a></li>
							<li><a href="#"><span class="fa-linkedin"></span></a></li>
						</ul>
						
					</div>
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="container">
				<div class="row">
					<div class="grid_12">
						<!--======================== logo ============================-->
						<h1>
							<a href="index.html"><img src="images/logo.png" alt=""></a>
						</h1>
						<!--======================== menu ============================-->
						<nav>
							<ul class="sf-menu clearfix">
								<li class="current">
									<a href="index.html">Portada</a>
									<span></span>
								</li>
								<li>
									<a href="index-1.html">Nosotros</a>
									<span></span>
									<ul>
										<li><a href="#">History</a></li>
										<li><a href="#">News</a>
											<ul>
												<li><a href="#">Latest</a></li>
												<li><a href="#">archive</a></li>
											</ul>
										</li>
										<li><a href="#">testimonials</a></li>
									</ul>
								</li>
								<li>
									<a href="index-2.html">Property management</a>
									<span></span>
								</li>
								<li>
									<a href="index-3.html">Servicios</a>
									<span></span>
								</li>
								<li>
									<a href="index-4.html">Blog</a>
									<span></span>
								</li>
									
								<li>
									<a href="index-5.html">Contáctanos</a>
									<span></span>
								</li>

							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
		<!--=================== slider ==================-->
		<div class="camera_wrap" id="slider">
			<div data-src="images/slide1.jpg" data-thumb="images/slide1.jpg">
				<div class="camera_caption">
					<h3>Profesionales</h3>
					<h4>sistemas empresariales a medida</h4>
				</div>
			</div>
			<div data-src="images/slide2.jpg" data-thumb="images/slide2.jpg">
				<div class="camera_caption">
					<h3>Confianza</h3>
					<h4>seguridad total de datos</h4>
				</div>
			</div>
			<div data-src="images/slide3.jpg" data-thumb="images/slide3.jpg">
				<div class="camera_caption">
					<h3>Puntualidad</h3>
					<h4>entrega a la hora</h4>
				</div>
			</div>
		</div>
	</header>
	<!--======================== content ===========================-->
		<div id="content">
			<div class="box1">
				<div class="container">
					<div class="row">
						<div class="grid_12">
							<h4>Your success in property operations </h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.Duis aute irure dolor in reprehenderit.
							</p>
							<a href="#" class="btn">click here!</a>
						</div>
					</div>
				</div>
			</div>
		
		
			<div class="box2">
				<div class="container">
					<div class="row">
						<div class="grid_3 m_30">
							<div class="central">
								<div class="oval">
									<a href="#" class="fiture_link">
										<span class="span1">
											Condominium
										</span>
										<span class="span2">
											Management
										</span>
									</a>
									<span class="after"></span>
								</div>

								<p>
									At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et
								</p>
								<a href="#" class="box2_simple_link">more info</a>
							</div>
						</div>
						<div class="grid_3 m_30">
							<div class="central">
								<div class="oval">
									<a href="#" class="fiture_link">
										<span class="span1">
											Residential
										</span>
										<span class="span2">
											Management
										</span>
									</a>
									<span class="after"></span>
								</div>
								
								<p>
									At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et
								</p>
								<a href="#" class="box2_simple_link">more info</a>
							</div>
							
						</div>
						<div class="grid_3 m_30">
							<div class="central">
								<div class="oval">
									<a href="#" class="fiture_link">
										<span class="span1">
											Commercial
										</span>
										<span class="span2">
											Management
										</span>
									</a>
									<span class="after"></span>
								</div>
								<p>
									At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et
								</p>
								<a href="#" class="box2_simple_link">more info</a>
							</div>
						</div>
						<div class="grid_3 m_30">
							<div class="central">
								<div class="oval">
									<a href="#" class="fiture_link">
										<span class="span1">
											Additional
										</span>
										<span class="span2">
											Services
										</span>
									</a>
									<span class="after"></span>
								</div>
								<p>
									At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et
								</p>
								<a href="#" class="box2_simple_link">more info</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			
			
			<div class="box3">
				<div class="container">
					<div class="row">
						<div class="grid_4">
							<img src="images/page1_img3.png" alt="">
						</div>
						<div class="grid_8 m_30">
							<div class="box_p">
								<h4 class="simple">Welcome to <span>Pro</span>real</h4>
								<div class="row">
									<div class="grid_4 m_27">
										<div class="bottom_border_box">
											For Property<br> Owners
										</div>
										<p class="second">
											At vero eos et accusamus et iusto odio dignissimosede ducimus qui 
											blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molesti...
										</p>
									</div>
									<div class="grid_4 m_27">
										<div class="bottom_border_box">
											For Prospective <br>Tenants
										</div>
										<p class="second">
											Dolore et accusamus et iusto odio dignissimosede ducimus qui blanditiis 
											praesentium voluptatum deleniti atque corrupti quos dolores et quas molesti massa...
										</p>
									</div>
									<div class="grid_8">
										<a href="#" class="btn">more info</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			
		
		
		<div class="container">
			<div class="row">
				<div class="grid_12">
					<h4>Unique Customer Service Division</h4>
					<hr class="m_32">
					<h6 class="m_50">
						We are a property service company with wide commitment always driving to achieve more 
						for our customers and to maximize the long term profitability for landlords, while 
						maintaining quality housing for our tenants and finding the best value bargains for property buyers. 
					</h6>
				</div>
			</div>
			<div class="row">
				<div class="grid_3 m_64">
					<div class="link_box">
						<img src="images/page1_img1.jpg" alt="">
						<div class="link_box_cont">
							<h5>Temporibus autem</h5>
							<a href="#" class="info_link"></a>
							<p>
								Nam libero tempore, cum soluta nobis est eligendi optio cumque.
								nihil impedit quo minus id
							</p>
						</div>
					</div>
				</div>
				<div class="grid_3 m_64">
					<div class="link_box">
						<img src="images/page1_img2.jpg" alt="">
						<div class="link_box_cont">
							<h5>Duis aute irure</h5>
							<a href="" class="info_link"></a>
							<p>
								Nam libero tempore, cum soluta nobis est eligendi optio cumque.
								nihil impedit quo minu.
							</p>
						</div>
					</div>
				</div>
				<div class="grid_3 m_64">
					<div class="link_box">
						<img src="images/page1_img3.jpg" alt="">
						<div class="link_box_cont">
							<h5>taque earum rerum</h5>
							<a href="#" class="info_link"></a>
							<p>
								Nam libero tempore, cum soluta nobis est eligendi optio cumque.
								nihil impedit quo.
							</p>
						</div>
					</div>
				</div>
				<div class="grid_3 m_64">
					<div class="link_box">
						<img src="images/page1_img4.jpg" alt="">
						<div class="link_box_cont">
							<h5>reprehenderit qui</h5>
							<a href="#" class="info_link"></a>
							<p>
								Nam libero tempore, cum soluta nobis est eligendi optio cumque.
								nihil impedit quo min.
							</p>
						</div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="grid_12 m_40">
					<h4 class="m_45">Customer testimonials</h4>
					
					
					<div id="owl" class="owl-carousel owl-theme">
						<div class="item">
							<div class="carousel_item">
								<h4 class="carousel_qoute">
									“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”
								</h4>
								<h3 class="carousel_autor">John Hawk, UK</h3>
							</div>
						</div>
						<div class="item">
							<div class="carousel_item">
								<h4 class="carousel_qoute">
									“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”
								</h4>
								<h3 class="carousel_autor">John Hawk, UK</h3>
							</div>
						</div>
						<div class="item">
							<div class="carousel_item">
								<h4 class="carousel_qoute">
									“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut laboret dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”
								</h4>
								<h3 class="carousel_autor">John Hawk, UK</h3>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			
			
		</div>
		
		
		
	</div>
	<!--======================== footer ============================-->
	<footer>
		<div class="container">
			<div class="row">
				<div class="grid_3">
					<h4 class="footer_title">Copyright</h4>
					<div class="copyright">&copy; <span id="copyright-year"></span> <a href="index-6.html">Privacy Policy</a></div>
					
					<h5 class="footer_contact">Freephone:  +1 800 559 6580</h5>
					
					
					<ul class="social m_30">
						<li><a href="#"><span class="fa-facebook"></span></a></li>
						<li><a href="#"><span class="fa-google-plus"></span></a></li>
						<li><a href="#"><span class="fa-rss"></span></a></li>
						<li><a href="#"><span class="fa-pinterest"></span></a></li>
						<li><a href="#"><span class="fa-linkedin"></span></a></li>
					</ul>
					
				</div>
				<div class="grid_3">
					<h4 class="footer_title m_21">Contacts</h4>
					<ul class="list m_30">
						<li><a href="#">General Inquiries</a></li>
						<li><a href="#">Request for Proposal</a></li>
						<li><a href="#">Maintenance Request</a></li>
						<li><a href="#">Vendor Relationships</a></li>
						<li><a href="#">Documents &amp; Certificates</a></li>
					</ul>
				</div>
				<div class="grid_3">
					<h4 class="footer_title m_21">Services</h4>
					<ul class="list m_30">
						<li><a href="#">Condominium Management</a></li>
						<li><a href="#">Residential Management</a></li>
						<li><a href="#">Commercial Management</a></li>
						<li><a href="#">Developer Consulting</a></li>
						<li><a href="#">Additional Services</a></li>
					</ul>
				</div>
				<div class="grid_3">
					<h4 class="footer_title m_21">About Us</h4>
					<ul class="list m_30">
						<li><a href="#">About Proreal</a></li>
						<li><a href="#">Team Profiles</a></li>
						<li><a href="#">Careers & Training</a></li>
						<li><a href="#">Client Learning</a></li>
						<li><a href="#">Value Incentive Program</a></li>
					</ul>
				</div>
				
				<div class="footer-link"><!--{%FOOTER_LINK} --></div>	
			</div>
		</div>
	</footer>

</body>
</html>